<div class="navbar">
  <div class="navbar-inner">
    <div class="center sliding" id="home-top-title">IM</div>
  </div>
</div>
<div class="pages">
  <div class="page toolbar-through" data-page="home">
    <!-- Tabs, tabs容器, page-content为tabs -->
    <div class="page-content tabs tabs-bottom">
      <!-- Tab 1，默认激活 -->
      <div id="session-tab" class="tab active">
        
        <div class="content-full">
            <div class="list-block">
            <ul id="session-list">
            </ul>

          </div>  
        </div>
      </div>
      <!-- Tab 2 -->
      <div id="contact-tab" class="tab">
        <div class="content-full">
          <div class="content-block-title">群组</div>
          <div class="list-block">
            <ul id="group-list">
            </ul>
          </div>
          <div class="content-block-title">朋友</div>
          <div class="list-block">
            <ul id="contact-list">
            </ul>
          </div>
        </div>
        

      </div>
      <!-- Tab 3 -->
      
    </div>
    <div class="toolbar tabbar">
        <div class="toolbar-inner tab-links">
          <a href="#session-tab" class="tab-link active"><i class="icon tabbar-demo-icon-1"></i></a>
          <a href="#contact-tab" class="tab-link"><i class="icon tabbar-demo-icon-2"></i></a>
        </div>
      </div>
  </div>
</div>